
<!DOCTYPE html>
<html>
<head>
<title>家居服务平台</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/layui/css/layui.css"  media="all">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<link href="css/font-awesome.css" rel="stylesheet">
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta property="og:title" content="Vide" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Best Hotel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!---->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!---->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Nunito:400,700,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>

							<link href="css/owl.carousel.css" rel="stylesheet">
							    <script src="js/owl.carousel.js"></script>
							        <script>
							    $(document).ready(function() {
							      $("#owl-demo").owlCarousel({
							        items : 1,
							        lazyLoad : true,
							        autoPlay : true,
							        navigation : false,
							        navigationText :  false,
							        pagination : true,
							      });
							    });
							    </script>
					

</head>
<body>
					<ul class="layui-nav">
  <li class="layui-nav-item  layui-this"><a href="index.html">首页</a></li>
  <li class="layui-nav-item"><a href="weixiu.html">专业维修</a></li>
  <li class="layui-nav-item"><a href="">服务</a></li>
  <li class="layui-nav-item">
        <a href="javascript:;">个人中心</a>
        <dl class="layui-nav-child">
          <dd><a href="">登录</a></dd>
          <dd><a href="registe1.html">注册</a></dd>
        </dl>
      </li>
  <li class="layui-nav-item"><a href="">关于我们</a></li>
</ul>
	<div class="banner-section"
	>
		<section class="slider">
			<div class="flexslider">
				<ul class="slides">
					<li>
						<div class="slider-info">
							<img src="images/lottryTwo_15.jpg" class="img-responsive"  height=100px alt="">
						</div>
					</li>
					<li>
						<div class="slider-info">
							<img src="images/lottryTwo_20.jpg" class="img-responsive" height=100px alt="">
						</div>
					</li>
					<li>
						<div class="slider-info">
							<img src="images/lottryTwo_21.jpg" class="img-responsive" height=100px alt="">
						</div>
					</li>
				</ul>
			</div>
		</section>
			<!-- FlexSlider -->
			<script defer src="js/jquery.flexslider.js"></script>
				<script type="text/javascript">
					$(function(){
						SyntaxHighlighter.all();
					});
					$(window).load(function(){
					$('.flexslider').flexslider({
					animation: "slide",
					start: function(slider){
					  $('body').removeClass('loading');
					}
					});
					});
				</script>
			<!-- FlexSlider -->
			<!-- slider -->
	</div>
    <div class="header">
		<div class="container">
			<div class="header-menu">
				<nav class="navbar navbar-default">
					<div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
						  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						  </button>
						  <div class="navbar-brand logo">
								<h1><a href="index.html"><span>专业</span>家居服务</a></h1>
							</div>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						</div><!-- /.navbar-collapse -->
					</div><!-- /.container-fluid -->
				</nav>
			<div class="clearfix"></div>
			</div>	
		</div> 
	</div>
		<!---header--->		
		<div class="content">
			<!---welcome--->
			<div class="welcome">
				<div class="container">
					<h2 class="tittle" style="text-align:center;">欢迎来到家居服务平台</h2>
						<p class="wel text" style="text-align:center;"> 家居企业售后服务</p>       
						<p class="wel text" style="text-align:center;"> 配送、安装、维修、返货  </p>      
						<p class="wel text" style="text-align:center;">  直接找家居服务平台  </p>                                                          
						                                        
						
						
						
						
					<div class="wel-grids">
						<div class="col-md-3 wel-grid">
							<img src="images/01.jpg" class="img-responsive gray" alt=""/>
							<h4>专业的维修人员</h4>
							
						</div>
						<div class="col-md-3 wel-grid">
							<img src="images/02.png" class="img-responsive gray" alt=""/>
							<h4>完善的理赔制度</h4>
						</div>
						<div class="col-md-3 wel-grid">
							<img src="images/04.jpg"class="img-responsive gray" alt=""/>
							<h4>细致的专业划分</h4>
							</div>
						<div class="col-md-3 wel-grid">
							<img src="images/03.png" class="img-responsive gray" alt=""/>
							<h4>亲切的客服人员</h4></div>
							
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<!---welcome--->
			<div class="resort-section">
				<div class="container">
					<h3 class="tittle">严格服务保障，极致放心体验</h3>
					<div class="resort-grids">
				<!-- start content_slider -->
						<div id="owl-demo" class="owl-carousel">
					        <div class="item">
					           <div class="col-md-6 cap-img">
									<img src="images/in11.png" class="img-responsive gray" alt=""/>
								</div>
								<div class="col-md-6 cap">
									<h4>专业维修服务</h4>	
									<ul class="cap1">
										<li><i class="glyphicon glyphicon-thumbs-up"></i> 行业首选，品质保证</li>
											<li>在茫茫人海中相遇！先人一步，做好线下服务布局，让广大客商轻松运营，解决线下服务难的问题。将来共创人生精彩，商家与师傅，伴你走过每一天！    </li>
									</ul>										
									<div class="detais">
										<div class="col-md-9 deatils-left">
											<div class="list">
												<ul>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>师傅多</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>担保交易</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 技术好</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>先行赔付</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 价格优</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 技能培训</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 免保修</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 保险理赔</li><br/>
												</ul>
											</div>
										</div>
										<div class="clearfix"> </div>
									</div>
								</div>
					            <div class="clearfix"> </div>
					        </div>
					            <div class="item">
					           <div class="col-md-6 cap-img">
									<img src="images/in21.png" class="img-responsive gray" alt=""/>
								</div>
								<div class="col-md-6 cap">
									<h4>专业维修服务</h4>	
									<ul class="cap1">
										<li><i class="glyphicon glyphicon-thumbs-up"></i> 行业首选，品质保证</li>
											<li>快捷、方便、服务好，最重要的是费用合理，让商家及师傅的利益关系合理化、人性化。     </li>
											
									</ul>										
									<div class="detais">
										<div class="col-md-9 deatils-left">
											<div class="list">
												<ul>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>师傅多</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 技术好</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 价格优</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 免保修</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>担保交易</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>先行赔付</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 技能培训</li>
												     <li><i class="glyphicon glyphicon-thumbs-up"></i> 保险理赔</li><br/>
												</ul>
											</div>
										</div>
										<div class="clearfix"> </div>
									</div>
								</div>
					            <div class="clearfix"> </div>
					        </div>
					            <div class="item">
					           <div class="col-md-6 cap-img">
									<img src="images/in12.png" class="img-responsive gray" alt=""/>
								</div>
								<div class="col-md-6 cap">
									<h4>专业维修服务</h4>	
									<ul class="cap1">
										<li><i class="glyphicon glyphicon-thumbs-up"></i> 行业首选，品质保证</li>
											<li>成长路上有您真诚的一路陪伴，新零售时代，一个非常好的“售后服务中心”角色：无缝连接线上线下，打通了o2o最后的壁垒！我相信我们的未来会更美好！    </li>
									</ul>		//xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx								
									<div class="detais">
										<div class="col-md-9 deatils-left">
											<div class="list">
												<ul>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>师傅多</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 技术好</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 价格优</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 免保修</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>担保交易</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>先行赔付</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 技能培训</li>
												     <li><i class="glyphicon glyphicon-thumbs-up"></i> 保险理赔</li><br/>
												</ul>
											</div>
										</div>
										<div class="clearfix"> </div>
									</div>
								</div>
					            <div class="clearfix"> </div>
					        </div>
					        <div class="item">
								<div class="col-md-6 cap-img">
									
									<img src="images/in22.png" class="img-responsive gray" alt=""/>
								</div>
								<div class="col-md-6 cap">
									<h4>专业维修服务 </h4>
									<ul class="cap1">
										<li><i class="glyphicon glyphicon-thumbs-up"></i>行业首选，品质保证</li>
											<li>精准定位找师傅，大大节约了售后服务成本，专业的事情交给你们，销售和售后精诚合作宏图大展，共同开创事业的艳阳天  </li>
									</ul>		
									<div class="detais">
										<div class="col-md-9 deatils-left">
											<div class="list">
												<ul>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>师傅多</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 技术好</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 价格优</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 免保修</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>担保交易</li>
													<li><i class="glyphicon glyphicon-thumbs-up"></i>先行赔付</li><br/>
													<li><i class="glyphicon glyphicon-thumbs-up"></i> 技能培训</li>
												     <li><i class="glyphicon glyphicon-thumbs-up"></i> 保险理赔</li><br/>
													
												</ul>
											</div>
										</div>
								
										<div class="clearfix"> </div>
									</div>
								</div>
					            <div class="clearfix"> </div>
					        </div>
				        </div>
					</div>
				</div>
			</div>
			
			
			
			
			
			
		
			<div class="footer-section">
			<div class="container">
				<div class="footer-grids">
					<div class="col-md-3 footer-grid">
						<h4>固定电话</h4>
					<ul>
						<li><i class="glyphicon glyphicon-earphone"
							aria-hidden="true"></i> Office : 0041-456-3692</li>
						
						
						
					</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h4>移动电话</h4>
						<ul>
							<li><i class="glyphicon glyphicon-phone" aria-hidden="true"></i>
							Mobile : 0200-123-4567</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h4>邮     件</h4>
						<ul>
							<li><i class="glyphicon glyphicon-envelope"
							aria-hidden="true"></i> <a href="#"><a
								href="mailto:info@example.com">info@example.com</a></a></li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h4>传     真 </h4>
						<ul>
							<li><i class="glyphicon glyphicon-print" aria-hidden="true"></i>
							Fax : 0091-789-456100</li>
						</ul>
					</div>
					</div>  <div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>	

</body>
<script src="layui/layui/layui.js" charset="utf-8"></script>
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>
</html>
